Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] <select> i <input>
red9skull
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

Mam na stronie index.php taki kod:
[HTML] pobierz, plaintext 
  1. <select name="ubek" id="ubek">
  2. <option value="&t=reputacja">Punkty reputacji</option>
  3. <option value="&t=posty">Liczba postów</option>
  4. <option value="&t=znajomi">Liczba znajomych</option>
  5. </select>
  6.  
  7. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
[HTML] pobierz, plaintext

I chcę zrobić tak, żeby po wybraniu, np. "Liczba postów" dopisywało się do inputa "&t=posty". Czyli, żeby input wyglądał tak:
[HTML] pobierz, plaintext 
  1. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user&t=posty" />
[HTML] pobierz, plaintext

Jak to zrobić bez przeładowania strony?

Ten post edytował red9skull 23.11.2009, 17:31:16
Go to the top of the page
+Quote Post
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3. <body>
  4.  
  5. <select name="ubek" id="ubek">
  6. <option value="&t=reputacja" onclick="addtxt(this.value)">Punkty reputacji</option>
  7. <option value="&t=posty" onclick="addtxt(this.value)">Liczba postów</option>
  8. <option value="&t=znajomi" onclick="addtxt(this.value)">Liczba znajomych</option>
  9. </select>
  10.  
  11. <input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
  12.  
  13. <script>
  14. var global_val = document.getElementById('tutaj').value;
  15. function addtxt(arg) {
  16. 		  var  here = document.getElementById('tutaj');
  17. 		  var oryginal_val = global_val;
  18. 		  here.value=oryginal_val;
  19. 		  here.value+=arg;
  20. }
  21.  
  22. </script>
  23.  
  24. </body>
  25. </html>
  26.  
[HTML] pobierz, plaintext


u mnie działa na 100%, pokaż jaki masz komunikat w konsoli i upewnij się, że wszystko skopiowałeś jak należy

Ten post edytował darko 23.11.2009, 18:02:55
Go to the top of the page
+Quote Post
red9skull
post
Post #3





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

Niestety nie działa :/
Go to the top of the page
+Quote Post
MateuszS
post
Post #4





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

Ostrzeżenie: (0%)
-----

Działa sam sprawdzałem, bo też to pisałem tyle że pan darko mnie wyprzedził
Go to the top of the page
+Quote Post
red9skull
post
Post #5





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

Na FireFoxie śmiga ale na Google Chrome nie :/

Ktoś wie czemu na wszystkich przeglądarkach działa a na Chrome nie?

Ja się nie poddam, zrozumcie to mi jest na gwałt potrzebne a Google Chrome nie czyta tego przykładu (IMG:style_emoticons/default/blinksmiley.gif)
Go to the top of the page
+Quote Post
darko
post
Post #6





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

a ma konsolę błędów, która coś zwraca, pokaż błąd albo opisz co się (nie) dzieje, skąd mam wiedzieć, nie korzystam z chrome
Go to the top of the page
+Quote Post
red9skull
post
Post #7





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

Tuż po '<script>' jest alert:
Unmatched </span> encountered. Ignoring tag.


Poprawiłem to ale nadal nie działa. Konsola nic więcej nie wyświetla.
Go to the top of the page
+Quote Post
kefirek
post
Post #8





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

Ostrzeżenie: (0%)
-----

A tak ?
Kod
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var url = $("#tutaj").val();
$("#ubek").change(function (){
var val = "";
$("select[name=ubek] option:selected").each(function () {
val += $(this).val();
});
$("#tutaj").val(url + val);
});
})
</script>
</head>
<body>

<select name="ubek" id="ubek">
<option value="&t=reputacja">Punkty reputacji</option>
<option value="&t=posty">Liczba postów</option>
<option value="&t=znajomi">Liczba znajomych</option>
</select>

<input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />

<div id="wynik"></div>
</body>
</html>


Ten post edytował kefirek 23.11.2009, 19:39:16
Go to the top of the page
+Quote Post
darko
post
Post #9





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Zamień <script> na <script type="text/javascript"> i pokaż całość kodu, który wykonujesz.
Go to the top of the page
+Quote Post
red9skull
post
Post #10





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

Dzięki @kefirek (IMG:style_emoticons/default/biggrin.gif) Twój skrypt działa na GC (IMG:style_emoticons/default/haha.gif)

oczywiście dałem "pomógł" ;]

Mam kolejny problem z tym (IMG:style_emoticons/default/smile.gif) Po tym inpucie mam mniej więcej taki obrazek:
[HTML] pobierz, plaintext 
  1. <img src="http://mazishare.co.cc/userbar.png?u=" title="Userbar użytkownika " />
[HTML] pobierz, plaintext

I chodzi o to, że do atrybutu 'src' muszę dopisać to co do inputa. Mało tego. Bez przeładowania strony ten obrazek musi się przeładować (bo to co dopisuję do niego, zmienia jego wygląd). Kompletnie nie wiem jak się za to zabrać.

Ten post edytował red9skull 24.11.2009, 12:36:08
Go to the top of the page
+Quote Post
piotrooo89
post
Post #11


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
takie rzeczy to tylko w AJAX'ie... tylko tam możesz zrobić jakieś zmiany bez przeładowania strony.
Go to the top of the page
+Quote Post
red9skull
post
Post #12





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

No dobrze ale podasz jakiś pzykład? Ja nigdy z ajaxem nie miałem doczynienia.
Go to the top of the page
+Quote Post
piotrooo89
post
Post #13


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
szczerze to tak z palca Ci czegoś takiego nie napisze.
http://docs.jquery.com/Ajax jak chcesz to podpiąć do swojego w jQuery to polecam lekture.
Go to the top of the page
+Quote Post
red9skull
post
Post #14





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

Ostrzeżenie: (10%)
X----

A coś bardziej PL?

(IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 20:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn